<!doctype html>
<html lang="en">
<head>
    <style>
        body {
            font: 14px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
        }
        
        h2 { color: #4DB8FF; }
    .auto-style2 {
		font-family: Arial;
	}
	.auto-style5 {
		font-size: medium;
		font-family: "Times New Roman";
		color: #4DB8FF;
	}
	.auto-style6 {
		font-size: small;
		font-family: "Times New Roman";
	}
	.auto-style7 {
		color: #4DB8FF;
	}
	.auto-style8 {
		text-decoration: none;
	}
    </style>
	
	    <script type="text/javascript">
     
    function toggle(id) {
      var e = document.getElementById(id);
     
      if (e.style.display == '')
        e.style.display = 'none';
      else
        e.style.display = '';
    }
     
    </script>

</head>
<body style="height: 344px">
<div id="secondary">
    <h2 class="auto-style2">Set Alert Help!</h2>
    
    <p class="auto-style6">Alert is is a means of communication between users of TSRHC System</p>
	<ul>
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node1')" class="auto-style8">
		<span class="auto-style7">Priority</span></a></p>
		<dl id="node1" style="display:none">
			
			<p class="auto-style6">This is the priority of the alert message.</p>
		
		</dl>
		</li>
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node2')" class="auto-style8">
		<span class="auto-style7">Alert To</span></a></p>
		<dl  id="node2" style="display:none">
		
                    <p class="auto-style6">List of users to whome alert should be sent. To select multiple users, press and hold the 'ctrl' key and select users</p>
		
		</dl>
		</li>
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node3')" class="auto-style8">
		<span class="auto-style7">Alert title</span></a></p>
		</li>
		<dl id="node3" style="display:none">
		
			<p class="auto-style6">This fields capture the Title of the alert message. Length of the title should not exceed 50 charecters.</p>
		
		</dl>
                <li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node4')" class="auto-style8">
		<span class="auto-style7">Message</span></a></p>
		<dl id="node4" style="display:none">
			
                    <p class="auto-style6">This fields capture the content of the alert message. Length of the message should not exceed 500 charecters. </p>
		
		</dl>
		</li>
                <li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node5')" class="auto-style8">
		<span class="auto-style7">Alert Date</span></a></p>
		<dl id="node5" style="display:none">
			
                    <p class="auto-style6">This field captures the alert expiration date. Click on calendar button to the right of this field to select a date. On/After this date, the alert will be visible in red color in the notification area </p>
		
		</dl>
		</li>
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node6')" class="auto-style8">
		<span class="auto-style7">Set Alert</span></a></p>
		</li>
		<dl id="node6" style="display:none">
		
			<p class="auto-style6">This button validates the details entered in the above fields.If the data in all the field is valide, alert will be sent to the users.</p>
		
		</dl>
               
	</ul>
    
</div>
    
</body>
</html>